<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="iceui/src/ui/ui.css" />
    <link rel="stylesheet" href="layui/css/layui.css" />
    <link rel="stylesheet" href="css/adminXL.css">
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="wangEditor/style.css">
    <script src="wangEditor/index.js"></script>
    <script src="js/iconfont.js"></script>
    <script src="iceui/src/ice.js"></script>
    <script src="iceui/src/ui/ui.js"></script>
    <script src="iceui/src/popup/icePopup.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/adminXL.min.js"></script>
    <script src="js/vue.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .title {
            font-size: 20px;
            color: rgb(14, 0, 0);
        }

        .tree-alone {
            height: 50px;
            line-height: 30px;
        }

        li.test {
            margin-left: 15px;
        }

        a:hover>#ForYa {
            background-color: rgb(225, 225, 225)
        }

        a:hover>#zzgz {
            background-color: rgb(226, 226, 226)
        }

        #ForYa {
            color: rgb(15, 20, 25);
            font-weight: bold;
            background-color: white;
            width: 260px;
            height: 55px;
            position: fixed;
            left: 375px;
            z-index: 10000;
        }

        #zzgz {
            color: rgb(15, 20, 25);
            font-weight: bold;
            background-color: white;
            width: 260px;
            height: 55px;
            position: fixed;
            left: 635px;
            z-index: 10000;
        }

        .userinfo:hover {
            background-color: rgb(196, 196, 196);
        }

        .ice-service:hover {
            width: 30px;
            height: 30px;
            border: 1px solid red;
            background-color: rgb(196, 196, 196);
        }

        .ice-service {
            background-color: white;
            position: fixed;
            z-index: 10000;
        }

        .iceservice {
            background-color: white;
            z-index: 10000;
            width: 80px;
            height: 55px;
            position: fixed;
            left: 895px;
        }
    </style>
</head>

<body>
    <div class="layui-row layui-col-space5 layui-container">
        <div class="layui-col-md4">
            <div class="grid-demo grid-demo-bg1" style="width:375.7px;height:740px;">
                <div class="left" style="width:375.7px;height:100%;display:inline-block;">
                    <div class="adminXL-sidebar close"
                        style="background-color:white;border-right: 1px solid rgb(196, 196, 196);width:375.7px;">
                        <div class="layui-col-xs2" style="width: 375.7px;height: 100px;">
                            <div class="grid-demo grid-demo-bg1">
                                <a href="page/home.html" class="adminXL-logo-web"
                                    style="position: fixed;top: 30px;left: 130px;">
                                    <img src="img/彩云里Logo.jpg" class="logo" alt="RainbowCloud"
                                        style="width: 60px;height:50px;">
                                </a>
                            </div>
                        </div>
                        <ul id="Menu-tree" class="adminXL-sidebar-menu" style="width:375.7px;">
                            <li class="tree-alone" style="font-weight:bold;">
                                <a lay-href="Showpost.html">
                                    <i class="icon ice-home"></i>
                                    <span class="title">主页</span>
                                </a>
                            </li>
                            <li class="tree-alone" id="aa">
                                <a href="#" onclick="window.location='Main.html'">
                                    <i class="icon ice-expand"></i>
                                    <span class="title">探索</span>
                                </a>
                            </li>
                            <li class="tree-alone" style="font-weight: bold;">
                                <a href="#" onclick="window.location='inform.html'">
                                    <i class="layui-icon layui-icon-notice" style="padding-left:4px;"></i>
                                    <span class="title" style="margin-left:20px;">通知</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#">
                                    <i class="icon ice-message"></i>
                                    <span class="title">私信</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#">
                                    <i class="icon ice-order-out"></i>
                                    <span class="title">列表</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#">
                                    <i class="icon ice-mass"></i>
                                    <span class="title">社群</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#">
                                    <i class="icon ice-category"></i>
                                    <span class="title">Premium</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#" onclick="window.location='Personal.html'">
                                    <i class="icon ice-user"></i>
                                    <span class="title">个人资料</span>
                                </a>
                            </li>
                            <li class="tree-alone">
                                <a href="#">
                                    <i class="icon ice-computer"></i>
                                    <span class="title">更多</span>
                                </a>
                            </li>
                            <button type="button"
                                class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius layui-bg-blue"
                                style="width: 200px;height: 50px;margin-left:40px;" id="TreepubPost">发布</button>
                            <div class="userinfo"
                                style="width:243.8px;height:65.26px;margin-left:105px;margin-top:35px;border-radius:30px;display:inline-block;">
                                <div class="userimage"
                                    style="width:220px;height:45px;margin-top:9px;margin-left:9px;display:inline-block;">
                                    <img id="useravatar" style="width:45px;height:45px;border-radius:50%;">
                                    <span style="position:absolute;top:665px;left:170px;font-size:15px;color:#0F1419"
                                        id="nickname"></span>
                                    <span style="position:absolute;top:687px;left:170px;font-size:15px;color:#536471;"
                                        id="username"></span>
                                    <i class="icon ice-dropdown" style="margin-left:132px;"></i>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>